import React from 'react'
import '../static/style/components/header.css'
import {Row,Col,Menu,Icon} from 'antd'
import Link from 'next/link'

const Header=()=>(
  <div className="header">
    <Row type="flex" justify="center">
      <Col xs={24} sm={24} md={10} lg={15} xl={12}>
        <Link href="/" >
          <a className="header-logo">厘米小筑</a>
        </Link>
        <span className="header-txt">一枚热爱前端开发的程序猿。</span>
      </Col>
      <Col xs={0} sm={0} md={14} lg={8} xl={6}>
        <Menu mode="horizontal">
          <Menu.Item key="home">
            <Link href="/" >
              <a><Icon type="home"/>首页</a>
            </Link>
          </Menu.Item>
          <Menu.Item key="video">
            <Link href="/list" >
              <a><Icon type="code"/>技术分享</a>
            </Link>
          </Menu.Item>
          <Menu.Item key="life">
            <Link href="/life" >
              <a><Icon type="smile"/>生活</a>
            </Link>
          </Menu.Item>
        </Menu>
      </Col>
    </Row>
  </div>
)

export default Header